<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>豫城文化</title>
    <link rel="stylesheet" href="hui/css/hui.min.css">
    <link rel="stylesheet" href="hui/fonts/iconfont.min.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="hui/css/animate.min.css">
    <link rel="stylesheet" href="hui/css/swiper.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <!--[if lt IE 9]>
        <script type="text/javascript" src="hui/js/html5shiv.js"></script>
        <script type="text/javascript" src="hui/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <header class="navbar-wrapper cl">
        <div class="navbar">
            <div class="container cl">
                <a class="logo navbar-logo f-l mr-10" href="index.html">
                    <img src="img/logo.png" alt="" style="height: 120px;">
                </a>
                <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
                <nav class="nav navbar-nav nav-collapse f-r" role="navigation" id="Hui-navbar">
                    <ul class="cl">
                        <li class="current">
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="sevice.html">产品服务</a>
                        </li>
                        <li>
                            <a href="solution.html">产品内容</a>
                        </li>
                        <li>
                            <a href="about.html">关于我们</a>
                        </li>
                    </ul>
                </nav>
                <nav class="navbar-userbar hidden-xs">

                </nav>
            </div>
        </div>
    </header>

    <section>
        <div class="swiper-container vr_banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/banner.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/1111.jpg" alt="">
                        <div class="box">
                            <div class="box1">AR</div>
                            <div class="box2">重塑现实&nbsp;&nbsp;&nbsp;&nbsp;新视界启</div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="swiper-pagination vr_banner_pages"></div>
        </div>
    </section>
    <section class="vr_case">
        <div class="vr_title vr_title_white wow bounceInDown">
            <h2>产品内容</h2>
            <p>
                <span>PRODUCT CONTENT</span>
            </p>
        </div>
        <div class="swiper-container vr_slide vr_scale wow bounceInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/slide-1.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/slide-2.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/slide-3.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/slide-4.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="img/slide-5.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="vr_slide_btn">
                <div class="swiper-button-prev vr_slide_prev">
                    <i class="vrfont vr-fanhui"></i>
                </div>
                <div class="swiper-button-next vr_slide_next">
                    <i class="vrfont vr-gengduo1"></i>
                </div>
            </div>
        </div>
    </section>
    <section class="vr_case vr_case_app">
        <div class="vr_title vr_title_white wow bounceInDown">
            <h2>产品服务</h2>
            <p>
                <span>PRODUCT SERVICE</span>
            </p>
        </div>
        <div class="swiper-container vr_case_slide wow bounceInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="img/s-img-1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/s-img-2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/s-img-3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/s-img-4.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/s-img-5.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="img/s-img-6.jpg" alt="">
                </div>
            </div>
            <div class="swiper-button-prev vr_case_prev">
                <i class="vrfont vr-fanhui"></i>
            </div>
            <div class="swiper-button-next vr_case_next">
                <i class="vrfont vr-gengduo1"></i>
            </div>
        </div>
    </section>

    <footer>
        <div class="container footer">
            <div class="footer_list cl wow bounceInUp">
                <a href="#">首页</a>
                <a href="#">产品服务</a>
                <a href="solution.html">产品内容</a>
                <a href="#">关于我们</a>
                <div class="r">
                    <a href="#"><i class="vrfont vr-sina"></i></a>
                    <a href="#"><i class="vrfont vr-qq"></i></a>
                    <a href="#"><i class="vrfont vr-weixin"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="hui/js/jquery-1.11.3.min.js"></script>
    <script src="hui/js/swiper.min.js"></script>
    <script src="hui/js/wow.min.js"></script>
    <script src="js/slide.js"></script>
    <script src="js/main.js"></script>
    <script>new WOW().init();</script>
</body>

</html>